<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <ui:page binding="#{creaDisenoSol.page1}" id="page1">
            <ui:html binding="#{creaDisenoSol.html1}" id="html1">
                <ui:head binding="#{creaDisenoSol.head1}" id="head1">
                    <ui:link binding="#{creaDisenoSol.link1}" id="link1" url="/resources/stylesheet.css"/>
                </ui:head>
                <ui:body binding="#{creaDisenoSol.body1}" id="body1" onLoad="displayAlertBox()" style="-rave-layout: grid">
                    <ui:form binding="#{creaDisenoSol.form1}" id="form1" virtualFormsConfig="VFBotonAgregar | |">
                        <h:panelGrid binding="#{creaDisenoSol.gridPanelContenedorTotal}" id="gridPanelContenedorTotal" style="height: 96px; left: 72px; top: 120px; position: absolute; width: 96px">
                            <ui:panelGroup binding="#{creaDisenoSol.groupPanelBotones}" id="groupPanelBotones">
                                <ui:button action="#{creaDisenoSol.botonCerrar_action}" binding="#{creaDisenoSol.botonCerrar}" id="botonCerrar" mini="true"
                                    primary="true" style="width: 71px" text="Cerrar"/>
                                <ui:button action="#{creaDisenoSol.botonRegresar_action}" binding="#{creaDisenoSol.botonRegresar}" id="botonRegresar"
                                    mini="true" primary="true" style="width: 69px" text="Regresar"/>
                            </ui:panelGroup>
                            <h:panelGrid binding="#{creaDisenoSol.gridPanelParaTituloYAlert}" columns="2" id="gridPanelParaTituloYAlert">
                                <ui:staticText binding="#{creaDisenoSol.titulo1}" id="titulo1"
                                    style="color: rgb(108, 154, 154); font-family: 'Times New Roman','Times',serif; font-size: 18px" text="Creacion de diseño para solicitud"/>
                                <ui:alert binding="#{creaDisenoSol.alert1}" id="alert1"/>
                            </h:panelGrid>
                            <h:panelGrid binding="#{creaDisenoSol.gridPanelComponentesSup}" columns="2" id="gridPanelComponentesSup">
                                <ui:label binding="#{creaDisenoSol.productoLabel}" for="lineaDropDown" id="productoLabel" text="Producto"/>
                                <ui:dropDown binding="#{creaDisenoSol.productoDropDown}" id="productoDropDown"
                                    items="#{creaDisenoSol.sct0004DataProviderCreaDisenoSol.options['CDGOPRDCTO,DSCRPCION']}"
                                    onChange="common_timeoutSubmitForm(this.form, 'gridPanelContenedorTotal:gridPanelComponentesSup:productoDropDown');"
                                    style="font-size: 10px; width: 168px" valueChangeListener="#{creaDisenoSol.productoDropDown_processValueChange}"/>
                                <ui:label binding="#{creaDisenoSol.lineaLabel}" id="lineaLabel" text="Linea"/>
                                <ui:dropDown binding="#{creaDisenoSol.lineaDropDown}" id="lineaDropDown"
                                    items="#{creaDisenoSol.sct0019DataProviderCreaDisenoSol.options['CDGOSBLNEA,DSCRPCIONSBLNEA']}"
                                    onChange="common_timeoutSubmitForm(this.form, 'gridPanelContenedorTotal:gridPanelComponentesSup:lineaDropDown');"
                                    style="font-size: 10px; width: 168px" valueChangeListener="#{creaDisenoSol.lineaDropDown_processValueChange}"/>
                                <ui:label binding="#{creaDisenoSol.tipo_solicitudLabel}" id="tipo_solicitudLabel" text="Tipo solicitud"/>
                                <ui:dropDown binding="#{creaDisenoSol.tipoSolDropDown}" id="tipoSolDropDown"
                                    items="#{creaDisenoSol.sct0021DataProviderCreaDisenoSol.options['SCT0021.CDGOTPOSLCTUD,SCT0021.DSCRPCIONTPOSLCTUD']}"
                                    style="font-size: 10px; width: 168px" valueChangeListener="#{creaDisenoSol.tipoSolDropDown_processValueChange}"/>
                                <ui:label binding="#{creaDisenoSol.areaLabel}" id="areaLabel" text="Area"/>
                                <ui:dropDown binding="#{creaDisenoSol.areaDropDown}" id="areaDropDown"
                                    items="#{creaDisenoSol.sct0020DataProvider.options['SCT0020.CDGOAREASLCTUD,SCT0020.DSCRPCIONAREASLCTUD']}"
                                    onChange="common_timeoutSubmitForm(this.form, 'gridPanelContenedorTotal:gridPanelSuperior:areaDropDown');"
                                    style="font-size: 10px" valueChangeListener="#{creaDisenoSol.areaDropDown_processValueChange}"/>
                                <ui:label binding="#{creaDisenoSol.perfilLabel}" id="perfilLabel" text="Perfil"/>
                                <ui:dropDown binding="#{creaDisenoSol.perfilDropDown}" id="perfilDropDown" style="font-size: 10px"/>
                                <ui:label binding="#{creaDisenoSol.etapasLabel}" id="etapasLabel" text="Etapas"/>
                                <ui:dropDown binding="#{creaDisenoSol.etapasDropDown}" id="etapasDropDown"
                                    items="#{creaDisenoSol.etapasDropDownDefaultOptions.options}" style="font-size: 10px"/>
                                <ui:label binding="#{creaDisenoSol.label2}" for="etapasDropDown" id="label2" requiredIndicator="true" text="Codigo Diseño"/>
                                <ui:panelGroup binding="#{creaDisenoSol.groupPanelBotonCrea}" id="groupPanelBotonCrea">
                                    <ui:textField binding="#{creaDisenoSol.codDisenoTextField}" columns="10" id="codDisenoTextField" maxLength="10"/>
                                    <ui:button action="#{creaDisenoSol.botonCrear_action}" binding="#{creaDisenoSol.botonCrear}" id="botonCrear" mini="true"
                                        primary="true" style=""/>
                                </ui:panelGroup>
                            </h:panelGrid>
                            <ui:label binding="#{creaDisenoSol.notaPrevisualizadorLabel}" id="notaPrevisualizadorLabel" text="Nota: Puede ver como va a ser su diseño utilizando el previsualizador"/>
                            <ui:hiddenField binding="#{creaDisenoSol.despliegueAreasHF}" id="despliegueAreasHF"/>
                            <ui:hiddenField binding="#{creaDisenoSol.controlPopUpHF}" id="controlPopUpHF"/>
                            <ui:button action="#{creaDisenoSol.botonPrevisualizar_action}" binding="#{creaDisenoSol.botonPrevisualizar}" id="botonPrevisualizar"
                                mini="true" primary="true" text="Previsualizar"/>
                            <ui:label binding="#{creaDisenoSol.notaLabel}" id="notaLabel" text="Nota : Si desea que una area sea solamente vista por ciertos perfiles, debe elegir uno y asociarlo con una area"/>
                            <h:panelGrid binding="#{creaDisenoSol.gridPanelAreaXPerfil}" frame="box" id="gridPanelAreaXPerfil" style="height: 100%; width: 600px">
                                <h:panelGrid binding="#{creaDisenoSol.gridPanelTituloAreaXPerfil}" columns="2" frame="box" id="gridPanelTituloAreaXPerfil"
                                    style="height: 25px; width: 100%" styleClass="MniTabDiv">
                                    <ui:label binding="#{creaDisenoSol.tituloAreaXPerfilLabel}" id="tituloAreaXPerfilLabel" text="Esta area puede ser vista por los siguientes perfiles"/>
                                    <ui:button action="#{creaDisenoSol.botonDefinirAsociacion_action}" binding="#{creaDisenoSol.botonDefinirAsociacion}"
                                        id="botonDefinirAsociacion" mini="true" primary="true" text="Asociar"/>
                                </h:panelGrid>
                                <ui:label binding="#{creaDisenoSol.resultadoAreaXPerfilLabel}" id="resultadoAreaXPerfilLabel"/>
                            </h:panelGrid>
                            <ui:label binding="#{creaDisenoSol.notaLabelPerfil}" id="notaLabelPerfil" text="Nota : Si desea que una area sea solamente vista por ciertas etapas, debe elegir una etapa y asociarlo con una area"/>
                            <h:panelGrid binding="#{creaDisenoSol.gridPanelAreaXEtapa}" frame="box" id="gridPanelAreaXEtapa" style="height: 100%; width: 600px">
                                <h:panelGrid binding="#{creaDisenoSol.gridPanelTituloAreaXEtapa}" columns="2" frame="box" id="gridPanelTituloAreaXEtapa"
                                    style="height: 25px; width: 100%" styleClass="MniTabDiv">
                                    <ui:label binding="#{creaDisenoSol.tituloAreaXEtapaLabel}" id="tituloAreaXEtapaLabel" text="Esta area puede ser vista por las siguientes etapas"/>
                                    <ui:button action="#{creaDisenoSol.botonDefinirAreaXEtapa_action}" binding="#{creaDisenoSol.botonDefinirAreaXEtapa}"
                                        id="botonDefinirAreaXEtapa" mini="true" primary="true" text="Asociar"/>
                                </h:panelGrid>
                                <ui:label binding="#{creaDisenoSol.resultadoAreaXEtapaLabel}" id="resultadoAreaXEtapaLabel"/>
                            </h:panelGrid>
                            <h:panelGrid binding="#{creaDisenoSol.gridPanelOrdenAreas}" frame="box" id="gridPanelOrdenAreas" style="height: 100%; width: 600px">
                                <h:panelGrid binding="#{creaDisenoSol.gridPanelTituloAreaXPerfil1}" frame="box" id="gridPanelTituloAreaXPerfil1"
                                    style="height: 25px; width: 100%" styleClass="MniTabDiv">
                                    <ui:label binding="#{creaDisenoSol.tituloOrdenAreas}" id="tituloOrdenAreas" text="Orden de despliegue de las areas"/>
                                </h:panelGrid>
                                <h:panelGrid binding="#{creaDisenoSol.gridPanelMoverAreas}" id="gridPanelMoverAreas" style="height:15px;width:600px"/>
                            </h:panelGrid>
                            <h:panelGrid binding="#{creaDisenoSol.gridPanelParaTablas}" columnClasses="LstAln" columns="2" id="gridPanelParaTablas">
                                <ui:table augmentTitle="false" binding="#{creaDisenoSol.table1}" clearSortButton="true" id="table1" lite="true"
                                    paginateButton="true" paginationControls="true" sortPanelToggleButton="true" style="width: 100px" title="Variables" width="240">
                                    <script><![CDATA[
                   /* ----- Functions for Table Preferences Panel ----- */
                   /*
                   * Toggle the table preferences panel open or closed
                   */
                   function togglePreferencesPanel() {
                   var table = document.getElementById("form1:table1");
                   table.toggleTblePreferencesPanel();
                   }
                   /* ----- Functions for Filter Panel ----- */
                   /*
                   * Return true if the filter menu has actually changed,
                   * so the corresponding event should be allowed to continue.
                   */
                   function filterMenuChanged() {
                   var table = document.getElementById("form1:table1");
                   return table.filterMenuChanged();
                   }
                   /*
                   * Toggle the custom filter panel (if any) open or closed.
                   */
                   function toggleFilterPanel() {
                   var table = document.getElementById("form1:table1");
                   return table.toggleTableFilterPanel();
                   }
                   /* ----- Functions for Table Actions ----- */
                   /*
                   * Initialize all rows of the table when the state
                   * of selected rows changes.
                   */
                   function initAllRows() {
                   var table = document.getElementById("form1:table1");
                   table.initAllRows();
                   }
                   /*
                   * Set the selected state for the given row groups
                   * displayed in the table.  This functionality requires
                   * the 'selectId' of the tableColumn to be set.
                   *
                   * @param rowGroupId HTML element id of the tableRowGroup component
                   * @param selected Flag indicating whether components should be selected
                   */
                   function selectGroupRows(rowGroupId, selected) {
                   var table = document.getElementById("form1:table1");
                   table.selectGroupRows(rowGroupId, selected);
                   }
                   /*
                   * Disable all table actions if no rows have been selected.
                   */
                   function disableActions() {
                   // Determine whether any rows are currently selected
                   var table = document.getElementById("form1:table1");
                   var disabled = (table.getAllSelectedRowsCount() > 0) ? false : true;
                   // Set disabled state for top actions
                   document.getElementById("form1:table1:tableActionsTop:deleteTop").setDisabled(disabled);
                   // Set disabled state for bottom actions
                   document.getElementById("form1:table1:tableActionsBottom:deleteBottom").setDisabled(disabled);
                   }]]></script>
                                    <ui:tableRowGroup binding="#{creaDisenoSol.tableRowGroup1}" id="tableRowGroup1" rows="20"
                                        sourceData="#{creaDisenoSol.sct0001DataProvider}" sourceVar="currentRow">
                                        <ui:tableColumn binding="#{creaDisenoSol.tableColumn4}" headerText="Codigo" id="tableColumn4" sort="SCT0001.CDGOVRBLE">
                                            <ui:hyperlink action="#{creaDisenoSol.codigoVariableHiperLink_action}"
                                                binding="#{creaDisenoSol.codigoVariableHiperLink}" id="codigoVariableHiperLink" style="font-size: 10px" text="#{currentRow.value['SCT0001.CDGOVRBLE']}"/>
                                        </ui:tableColumn>
                                        <ui:tableColumn binding="#{creaDisenoSol.tableColumn1}" headerText="NOMBRE" id="tableColumn1" sort="SCT0001.NMBREVRBLE">
                                            <ui:staticText binding="#{creaDisenoSol.descripcionVariableStaticText}" id="descripcionVariableStaticText"
                                                style="font-size: 10px" text="#{currentRow.value['SCT0001.NMBREVRBLE']}"/>
                                        </ui:tableColumn>
                                        <ui:tableColumn binding="#{creaDisenoSol.tableColumn2}" id="tableColumn2" width="50">
                                            <ui:button action="#{creaDisenoSol.botonSeleccionar_action}" binding="#{creaDisenoSol.botonSeleccionar}"
                                                id="botonSeleccionar" imageURL="/resources/submit.gif" text=""/>
                                        </ui:tableColumn>
                                    </ui:tableRowGroup>
                                    <!-- Actions (Top) -->
                                    <f:facet name="actionsTop">
                                        <ui:panelGroup binding="#{creaDisenoSol.groupPanelParaInsertarTitulo}" id="groupPanelParaInsertarTitulo">
                                            <ui:textField binding="#{creaDisenoSol.tituloTextField}" id="tituloTextField" maxLength="30"/>
                                            <ui:button action="#{creaDisenoSol.botonInsertarTitulo_action}" binding="#{creaDisenoSol.botonInsertarTitulo}"
                                                id="botonInsertarTitulo" mini="true" primary="true" text="Insertar titulo"/>
                                        </ui:panelGroup>
                                    </f:facet>
                                </ui:table>
                                <h:panelGrid binding="#{creaDisenoSol.panelGridInfDerecho}" frame="box" id="panelGridInfDerecho" style="height: 24px" width="336">
                                    <h:panelGrid binding="#{creaDisenoSol.gridPanelParaTitulodeVarSeleccionadas}" frame="box"
                                        id="gridPanelParaTitulodeVarSeleccionadas" style="height: 100%; text-align: center; width: 100%" styleClass="MniTabDiv">
                                        <ui:label binding="#{creaDisenoSol.variablesSeleccionadasLabel}" id="variablesSeleccionadasLabel" text="Variables seleccionadas"/>
                                    </h:panelGrid>
                                    <h:panelGrid binding="#{creaDisenoSol.varSeleccionadasPanelGrid}" id="varSeleccionadasPanelGrid" rules="all" style="height: 100%; text-align: center; width: 100%"/>
                                </h:panelGrid>
                            </h:panelGrid>
                            <ui:hiddenField binding="#{creaDisenoSol.primeraCargadaHF}" id="primeraCargadaHF"/>
                            <ui:hiddenField binding="#{creaDisenoSol.ultimaAreaSeleccionadaHF}" id="ultimaAreaSeleccionadaHF"/>
                            <ui:hiddenField binding="#{creaDisenoSol.contadorTitulosHF}" id="contadorTitulosHF"/>
                        </h:panelGrid>
                        <div style="position: absolute; left: 0px; top: 0px">
                            <jsp:include page="encab1.jspf"/>
                        </div>
                    </ui:form>
                </ui:body>
                <ui:script>
   function displayAlertBox(){
   if (document.getElementById("form1:controlPopUpHF").value!=""){
   document.getElementById("form1:controlPopUpHF").value="";
   var answer = confirm("Diseño creado, desea seguir a la pagina de activacion de diseños ? ");
   if(answer)
        window.location.href=("activaDisenoSol.jsp");
   }
   }
   </ui:script>
            </ui:html>
        </ui:page>
    </f:view>
</jsp:root>
